<template>
  <div id="page-main">
    <el-container>
      <el-header>
        <HeadBar/>
      </el-header>
      <el-container>
        <LeftSide @switchOption="handleSwitch"/>
        <el-main :is="currentView"></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import HeadBar from "../layout/HeadBar";
import LeftSide from "../layout/LeftSide";
import LayoutStyle from "../layout/LayoutStyle";

import OnlineUser from "../pages/system-monitor/OnlineUser";
import LogInfo from "../pages/system-monitor/LogInfo";

import ClickEventStat from "../pages/user-action/ClickEventStat";
import PageConverStat from "../pages/user-action/PageConverStat";
import AdStat from "../pages/user-action/AdStat";
import SearchWordStat from "../pages/user-action/SearchWordStat";

import operatingGroup from "../pages/user-manage/operatingGroup";

import DataVisual from "../pages/data-visualization/data-visual";

export default {
  components: {
    HeadBar,
    LeftSide,
    LayoutStyle,
    DataVisual,
    OnlineUser,
    ClickEventStat,
    LogInfo,
    PageConverStat,
    AdStat,
    SearchWordStat,
    operatingGroup
  },
  template: "#page-main",
  data() {
    return {
      currentView: "LogInfo"
    };
  },
  methods: {
    handleSwitch(id) {
      this.currentView = id;
    }
  },
  mounted() {
    document.title = "智云数据平台";
  }
};
</script>


<style>
</style>